/*
一、项目技术栈：Vue3 + Vite + Ts + Vue-router + Pinia(Vuex) + Axios + Antd(ElementUi) + less
1、Vue3  组合式API  setup函数，
   Vue2  选项式API(data  methods  watch  computed  filters  components  
         directives  props  生命周期钩子函数)
2、Vite打包工具
   Webpack打包工具，打包(构建)流程？配置webpack的参数，
3、Ts (TypeScript  加类型的js)  添加了类型注解   运行过程先编译再执行(静态类型)
    数据类型 ：原始数据类型(js已有的数据类型) + ts新增数据类型(接口 类型别名  字面量类型 any  unknown 泛型 枚举 元组等)
4、Vue-router路由  路由守卫
5、Pinia 状态管理    轻量级  核心概念：state  getters  actions 
   Vuex 状态管理工具  稳定版  功能全  结构复杂一点  核心概念 state  getters  actions mutations modules 等
6、Axios网络请求  二次封装  
7、Antd Vue UI组件库  
   与此同类型： 移动端  Vant
               PC端  elementui   iview 等
8、less css预处理器  与此同类的 sass
   less基本语法：变量    选择器嵌套  运算   mixin混入   函数调用  等等
辅助性工具：
1、接口测试工具  postman   apifox(集成性工具)  apipost
2、ui设计稿   
3、接口文档  接口服务器  浏览器抓接口
二、项目实现步骤：
1、vue-create脚手架初始化  npm init vue@latest
2、配置less  npm i less-loader
3、配置UI组件库  Antd Vue  
    下载 npm i --save ant-design-vue@4.x
    引入  参考官方文档
4、封装axios 
    下载 npm i axios
    创建 src/utils/request.ts   一次封装
    创建  src/api/user.ts    二次封装
*/





/* 补充：
1、进度条
 1、下载  npm i @types/nprogress插件
      npm i @types/nprogress
 2、在router/index.ts中  设置进度条
 设置进度条
 import Nprogress from "nprogress"
 import "nprogress/nprogress.css"
 2、路由前置全局守卫  
 开始加载页面进度条
 Nprogress.start();
 3、在路由后置全局守卫
 进度加载及结束
 Nprogress.done();


*/
